

let tbody = document.querySelector(".card").children[1];
let obj = JSON.parse(localStorage.getItem("good"));
console.log(obj);
console.log(tbody);

 //创建行元素
 var tr = document.createElement("tr");

 //创建单元格 并赋值
 var td2 = document.createElement("td");
 td2.innerHTML = `<img src="${obj.image}" style="width: 50px;height: 50px"/>`
 var td3 = document.createElement("td");
 td3.innerText = obj.name;
 var td4 = document.createElement("td");
 td4.innerHTML = `<img src="${obj.anotherimg}" />`;
 var td5 = document.createElement("td");
 td5.innerHTML = '<input type="button" value="删除" class="del" onclick="del(this)">';
 // 将单元格添加到行对象中
 tr.appendChild(td2);
 tr.appendChild(td3);
 tr.appendChild(td4);
 tr.appendChild(td5);
 // 将行对象添加 到 tbody中
 tbody.appendChild(tr);

   //定义删除函数
   function del(thisObj){
    // console.log(thisObj.parentNode.parentNode);
    if(confirm('是否要删除该数据')){
       tbody.removeChild(thisObj.parentNode.parentNode);
    }
}